@charset "utf-8";
@import url("styles.css");
/*
   * wx.zhangruiwoloveni *
   * e.xoabc.com/ *
   * Released on: 2019,11,15 *
*/  

/* header */
.header {
   width: 100%;
}
.header .jsllgw-top {
   border-bottom: 1px solid #f3f3f3;
   height: 39px;
   line-height: 39px;
}
.header .jsllgw-top span {
   display: block;
   position: absolute;
}
.header .jsllgw-top span.top_text {
   left: 0;
   color: #777;
}
.header .jsllgw-top span.top_share {
   right: 40px;
   top: 10px;
}
.header .logo {
   padding: 25px 0 24px;
}
.header .logo img {
   height: 73px;
}
.header .tel {
   background:url(/images/tel.png) left center no-repeat;
   padding-left:78px;
   min-height:51px;
   color:#2c2c2c;
   margin-top:32px;
}
.header .tel i {
   color:#008cd6;
   font-size:28px;
   display:block;
   margin-left:-2px;
}
.naver {
   width: 100%;
   height: 48px;
   background-color: #008cd6;
}
.naver li {
   float: left;
   background: url(/images/navx.png) right center no-repeat;
}
.naver li a {
   display: block;
   padding: 0 32px;
   color: #fff;
}
.naver li a:hover,
.naver li a.on {
   background-color: #007fc2;
}
.slide {
   width: 100%;
   border-top: 1px solid #fff;
}

/* main */
.main {
   width: 1200px;
   margin: 0 auto;
   position: relative;
}

/* wrapper */
.wrapper {
   width: 100%;
}
.ik-abwp {
	position: relative;
	padding: 25px 0 30px;
	width: 100%;
	background: #f8f9fb
}
.ik-abwp .ab-l {
	width: 15%
}
.ik-abwp .ab-l img {
	position: absolute;
	top: 17%;
	display: block
}
.ik-abwp .ab-r {
	padding-left: 3.5%;
	width: 81.5%;
	background: url(/images/wpx.png) left center no-repeat;
	color: #5a5a5a
}
.ik-abwp .ab-r a {
	display: inline-block;
	color: #008cd6
}
.ik-abwp .ab-r a:hover {
	text-decoration: none
}

.products {
   width: 100%;
}
.wp-cpt {
	margin-top: 6px;
	border-bottom: 1px solid #d8d8d8
}
.wp-cptl {
	position: relative;
	bottom: -3px;
	padding: 0 9px 0 5px;
	border-bottom: 5px solid #008cd6;
	background: url(/images/wpbot.png) 5px center no-repeat;
   color: #363636;
   text-indent: 18px;
}
.wp-cptr {
	margin: 0 2px 0 0
}
.wp-cplb {
	margin: 25px 0 23px
}
.wp-cplb ul {
	overflow: hidden;
	width: 915pt
}
.wp-cplb li {
	float: left;
	margin: 0 9px 9px 0;
	padding: 3px 3px 3px 4px;
	width: 156px;
	height: 35px;
	background: #008cd6
}
.wp-cplb li:hover {
	background: #c93900
}
.wp-cplb li a {
	display: block;
	width: 153px;
	height: 33px;
	border: 1px solid #fff;
	color: #fff
}
.wp-cplb li a:hover {
	text-decoration: none
}
.wp-cplist {
	overflow: hidden;
	padding-bottom: 41px
}
.wp-cplist ul {
	overflow: hidden;
	width: 75pc
}
.wp-cplist li {
	float: left;
	margin: 0 10px 0 1px
}
.wp-cplist li img {
	height: 168px;
	max-width: 213px;
	transition: all .6s
}
.wp-cplist li img:hover {
	transform: scale(1.4)
}
.wp-cplist li .pic-link {
	display: block;
	overflow: hidden;
	padding: 7px;
	width: 213px;
	height: 168px;
	border: 1px solid #eee
}
.wp-cplist li p {
	margin: 2px 0 10px;
	background: #f7f7f7
}
.wp-cplist li:hover p {
	background: #0051a1;
	color: #fff
}
.wp-cplist li:hover a {
	color: #fff
}
.wp-cplist li a {
	display: block;
	color: #505050
}
.wp-cplist li a:hover {
	color: #fff;
	text-decoration: none
}

.news_box {
   width: 100%;
   padding: 38px 0 48px;
   background-color: #f8f9fb;
}
.ik-xwwp {
	width: 100%;
	background: #f8f9fb;
	padding: 30px 0
}
.wp-xw {
	width: 583px
}
.wp-xwt {
	position: relative;
	margin-bottom: 40px
}
.wp-xwtl {
	color: #363636;
	position: absolute;
	left: 0
}
.wp-xwtl i {
	color: #aeaeae;
	font-size: 9pt;
}
.wp-xwtr {
	position: absolute;
	right: 0;
}
.slideBox,.wp-xwfl {
	width: 295px;
	height: 212px
}
.slideBox {
	overflow: hidden;
	position: relative
}
.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
	position: relative
}
.slideBox .bd li .pic-bt {
	position: absolute;
	bottom: 0;
	background: #000;
   filter: alpha(opacity=60);
   background: rgba(0,0,0,.6);
	color: #fff;
	display: block;
	width: 100%;
	padding: 10px 0 9pt;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
.slideBox .bd img {
	width: 295px;
	height: 212px;
	display: block
}
.slideBox .next,.slideBox .prev {
	position: absolute;
	left: 3%;
	top: 52%;
	margin-top: -25px;
	display: block;
	width: 2pc;
	height: 40px;
	background: url(/images/slider-arrow.png) -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: .5
}
.slideBox .next {
	left: auto;
	right: 3%;
	background-position: 8px 5px
}
.slideBox .next:hover,.slideBox .prev:hover {
	filter: alpha(opacity=100);
	opacity: 1
}
.slideBox .nextStop,.slideBox .prevStop {
	display: none
}
.wp-xwfr {
	width: 273px
}
.wp-xwfr li {
	background: url(/images/newsbot.png) left center no-repeat;
	white-space: nowrap;
	overflow: hidden;
   text-overflow: ellipsis;
   text-indent: 15px;
}
.wp-xwfr li a {
   color: #646464;
   display: block;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.wp-xwfr li a:hover {
	color: #c00
}
.wp-dt {
   width:583px;
}
.wp-xunjia {
   width: 100%;
}
.wp-xunjia li {
   margin-bottom: 10px;
}
.wp-xunjia li input,
.wp-xunjia li textarea {
   border: 1px solid #e2e2e2;
   width: 276px;
   height: 38px;
   padding-left: 12px;
   color: #666;
   overflow: hidden;
   font-size: 14px;
}
.wp-xunjia li textarea {
   width: 265px;
   height: 130px;
   margin-left: 10px;
   float: right;
   padding-top: 10px;
}
.wp-xunjia li img {
   display: inline-block;
   cursor: pointer;
   position: relative;
   margin: -7px 0 0 -100px;
   height: 36px;
}
.wp-xunjia li button {
   float: right;
   width: 281px;
   height: 40px;
   background-color: #008cd6;
   color: #fff;
   text-align: center;
   line-height: 40px;
   border-radius: 3px;
   font-size: 14px;
   border: none;
   cursor: pointer;
}

.liucheng {
   width: 100%;
   padding: 62px 0 70px;
}
.liucheng span {
   display: block;
   color: #201f1f;
}
.liucheng span i {
   display: inline-block;
   font-weight: normal;
   padding: 0 25px;
   color: #008cd6;
}
.liucheng dl {
   display: inline-block;
   margin: 41px 39px 0;
}
.liucheng dt {
   width: 110px;
   height: 110px;
   line-height: 140px;
   background-color: #0083be;
   border-radius: 50%;
   color: #fff;
   overflow: hidden;
}
.liucheng dd {
   color: #171717;
   font-size: 16px;
   padding-top: 20px;
}

.lianxi_box {
   width: 100%;
   padding: 45px 0;
   background-color: #f8f9fb;
}
.lianxi_box .cjwt {
   width: 350px;
}
.lianxi_box .cjwt_bt,
.lianxi_box .lxfs_bt {
   background: url(/images/wtico.png) 20px 25px no-repeat #008cd6;
   height: 75px;
   line-height: 77px;
   padding: 0 11px 0 67px;
   overflow: hidden;
}
.lianxi_box .cjwt_bt a {
   color: #fff;
}
.lianxi_box .cjwt_bt span {
   display: inline-block;
}
.lianxi_box .cjwt_bt span.more {
   margin-left: 60px;
}
.lianxi_box .cjwt_list {
   height: 284px;
   border: 3px solid #e6e6e6;
   border-top: none;
   background-color: #fff;
   position: relative;
   overflow: hidden;
}
.lianxi_box .cjwt_list dl {
   border-bottom: 1px solid #dcdcdc;
   padding: 12px 0;
}
.lianxi_box .cjwt_list dt {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}
.lianxi_box .cjwt_list dt i,
.lianxi_box .cjwt_list dd i {
   width: 17px;
   height: 17px;
   line-height: 17px;
   background-color: #004198;
   color: #fff;
   text-align: center;
   display: inline-block;
   border-radius: 2px;
   margin-right: 8px;
}
.lianxi_box .cjwt_list dt a {
   color: #333;
}
.lianxi_box .cjwt_list dt a:hover {
   color: #c00;
}
.lianxi_box .cjwt_list dd i {
   background-color: #da0000;
}
.lianxi_box .cjwt_list dd {
   color: #444;
}

.lianxi_box .lianxi {
   width: 832px;
}
.lianxi_box .lxfs_bt {
   background: #008cd6;
   padding-left: 22px;
}
.lianxi_box .lxfs_bt i {
   display: inline-block;
   vertical-align: middle;
   margin-right: 15px;
}
.lianxi_box .lxfs_bt span {
   display: block;
}
.lianxi_box .lxfs_bt span.lxmore {
   width: 24px;
   height: 24px;
   border: 1px solid #fff;
   color: #fff;
   margin: 27px 10px 0 0;
   text-align: center;
}
.lianxi_box .lxfs_bt span.lxmore a {
   color: #fff;
}
.lianxi_box .lxfs_bt span.lxmore i {
   margin: 0 auto;
   vertical-align: 25px;
}
.lianxi_box .lxfs_list {
   height: 248px;
   border: 3px solid #e6e6e6;
   border-top: none;
   padding: 18px;
   background: url(/images/lxbg.jpg) center;
   overflow: hidden;
   position: relative;
}
.lianxi_box .lxfs_xp {
   width: 357px;
}
.lianxi_box .lxfs_xp img,
.lianxi_box .lxfs_xcx img {
   width: 100%;
}
.lianxi_box .lxfs_lx {
   padding-left: 24px;
   color: #313131;
}
.lianxi_box .lxfs_xcx {
   width: 167px;
   position: absolute;
   top: 0;
   right: 0;
}

.laifang {
   width: 100%;
   background-color: #fff;
}
.laifang .wp-xwt {
   margin: 30px 0 0;
}
.laifang .lf_list {
   width: 100%;
   padding: 21px 0;
   margin-top: 20px;
}
#scroll {
	overflow: hidden
}
#scroll_box {
	float: left;
	width: 800%
}
#scroll_begin,
#scroll_end,
.iproduct .cn {
	float: left
}
.iproduct .ih1 {
	position: relative;
	margin: 0 5px
}
.iproduct .ih1 img {
	height: 185px
}
.iproduct .ih1 a {
	color: #fff
}
.iproduct .ih1 .pic-bt {
	display: none
}
.iproduct .ih1:hover .pic-bt {
	position: absolute;
	top: 0;
	display: block;
	padding-top: 80px;
	width: 100%;
	height: 105px;
	background: rgba(0,0,0,.6);
	color: #fff
}
.wp-links {
	padding-bottom: 35px;
	color: #a2a2a2
}
.wp-links i {
	display: inline-block;
	font-weight: 700;
	font-size: 14px
}
.wp-links a {
	padding: 0 8px;
	color: #a2a2a2
}
.wp-links a:hover {
   color: #c00;
}

/* cols */
.cols {
   width: 100%;
   padding: 20px 0;
   background-color: #f7f7f7;
}
.lm-l {
	width: 280px
}
.lm-r {
	width: 860px;
	background: #fff;
	padding: 20px
}
.lm-rt {
	border-bottom: 1px #e9e9e9 dotted;
	padding: 10px 8px 16px
}
.lm-rtl {
	background: url(/images/lbot.png) left 3px no-repeat;
	padding-left: 28px
}
.lm-rtr {
	color: #666;
	padding-left: 18px
}
.lm-rtr a {
	color: #666
}
.lm-rtr a:hover {
	color: #2b73c9
}
.lm-rtr i {
	display: inline-block;
	color: #ccc;
	font-size: 18px;
	padding-right: 2px
}
.lm-rf {
	padding: 20px 10px;
	color: #555
}
.lm-rf a {
	color: #555
}
.lm-rf a:hover {
	color: #2b73c9
}
.lm-rf img {
	max-width: 100%
}

/* News */
.ik-xw {
	padding: 10px 1px
}
.ik-xw li {
	background: url(/images/newsbot.png) 12px center no-repeat;
	padding-left: 33px;
	line-height: 45px;
	border-bottom: 1px #e9e9e9 dotted
}
.ik-xw li a {
	color: #555;
	font-size: 13px
}
.ik-xw li a:hover {
	color: #c00
}
.ik-xw li i {
	display: inline-block;
	color: #d2d2d2;
	padding-left: 20px
}

/* Product */
.ik-cp {
	padding: 20px 0;
	color: #434343
}
.ik-cp li {
	float: left;
	margin: 3px 4px
}
.ik-cp li img {
	max-width: 100%;
	max-height: 100%;
}
.ik-cp li:hover img {
	opacity: .8
}
.ik-cp li .pic-link {
	width: 191px;
	height: 144px;
	line-height: 142px;
	overflow: hidden;
	display: block;
	padding: 7px;
	border: 1px solid #f2f2f2;
	text-align: center;
}
.ik-cp li p {
	padding: 10px 0;
}
.ik-cp li a {
	color: #585858;
}
.ik-cp li a:hover {
	color: #2b73c9;
	text-decoration: none
}

/* Info */
.ik-info {
	padding: 10px
}
.ik-info .info-t {
	color: #2b73c9;
	padding: 25px 0
}
.ik-info .info-q {
	background: #f5f5f5;
	border-radius: 3px;
	padding: 8px 0;
	color: #b1b1b1
}
.ik-info .info-q span {
	display: inline-block;
	padding: 0 5px
}
.ik-info .info {
	color: #555;
	padding: 20px 0 15px
}
.ik-info .info img {
	max-width: 750px
}
.ik-info .info a {
	color: #555
}
.ik-info .info a:hover {
	color: #2b73c9
}
.ik-info .info table {
	width: 100%;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	margin: 10px 0
}
.ik-info .info i {
	font-weight: 700;
	display: block;
	font-size: 15px
}
.ik-info .info-pics {
	margin-top: 25px;
	position: relative;
	width: 100%
}
.ik-info .info-pics img {
	max-width: 750px;
	display: block;
	margin: 0 auto
}
.ik-info .info-pics .newsnext {
	display: block;
	position: absolute;
	top: 40%;
	width: 57px;
	height: 89px;
	right: -21px;
	z-index: 999;
	background: url(/images/right2.png) center no-repeat;
	overflow: hidden
}
.ik-info .info-pics .newsprev {
	display: block;
	position: absolute;
	top: 40%;
	width: 57px;
	height: 89px;
	left: -21px;
	z-index: 999;
	background: url(/images/left1.png) center no-repeat;
	overflow: hidden
}
.ik-info .info-pics a {
	color: #fff;
	font-size: 0;
	line-height: 0
}
.ik-info .info-fx .bdsharebuttonbox {
	display: inline-block
}
.ik-info .info-fx a {
	color: #2b73c9
}
.ik-info .info-next {
	padding: 13px 0 20px;
	color: #7d7d7d;
	border-top: 1px solid #f2f2f2
}
.ik-info .info-next a {
	color: #2b73c9
}


/* Left */
.ik-left {
	background: #fff;
	padding-bottom: 30px;
	border-radius: 0 0 2px 2px
}
.ik-left .left-t {
	padding: 21px 0 16px;
	background: #0082c7
}
.ik-left .left-t i {
	display: block;
	font-size: 24px
}
.ik-left .left-t span {
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	padding-top: 5px
}
.ik-left .left-f {
	padding: 5px 0
}
.ik-left .left-f li {
	border-bottom: 1px #e9e9e9 dotted;
	background: url(/images/lmbg.png) 20px center no-repeat;
   transition: all .2s linear 0s;
   text-indent: 50px;
}
.ik-left .left-f li a {
	color: #333;
	display: block;
	padding: 12px 0
}
.ik-left .left-f li a:hover {
	color: #2b73c9;
	text-decoration: none;
	font-weight: 700
}
.ik-left .left-f li:hover {
	box-shadow: 0 0 10px #d7d7d7
}

/* footer */
.footer {
   width: 100%;
   background-color: #222;
   color: #d3d3d3;
   padding: 41px 0;
}
.footer a {
   color: #d3d3d3;
}
.footer a:hover {
   color: #f4c413;
}
.footer .foot_left {
   width: 690px;
}
.footer .foot_nav {
   margin-left: -7px;
}
.footer .foot_nav a {
   padding: 0 7px;
}
.footer .foot_pic {
   padding: 23px 0 18px;
}
.footer .foot_pic li {
   float: left;
   margin-right: 10px;
}
.footer .foot_pic li img {
   max-height: 36px;
}
.footer .foot_copy,
.footer .foot_copy a {
   color: #5f5f5f;
}
.footer .foot_copy a:hover {
	color: #f4c413;
 }
.footer .foot_lx {
   width: 370px;
}
.footer .foot_lx span {
   display: block;
}
.footer .foot_lx span.tel {
   padding: 22px 0;
}
.footer .foot_wx {
   width: 140px;
}
.footer .foot_wx img {
   max-width: 100%;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
   color: #acacac;
   font-size: 14px;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
   color: #acacac;
   font-size: 14px;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
   color: #acacac;
   font-size: 14px;
}

.new-float{
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 50;
	width: 77px;
	height: 374px;
	margin-top: -187px;
}
.new-float li{
	position: relative;
	width: 77px;
	height: 57px;
	margin-bottom: 1px;
	line-height: 27px;
	color: #fff;
	text-align: center;
}
.new-float li.hover{
	overflow: hidden;
}
.new-float li a{
	display: inline-block;
	color: #fff;
}
.new-float li a.tit{
	width: 77px;
	height: 27px;
	padding: 30px 10px 0 0;
	color: #fff;
}
.new-float li p{
	position: relative;
	z-index: 2;
	height: 27px;
	padding-top: 30px;
	cursor: pointer;
}
.new-float li.th { position:relative;}
.new-float li.th .thpic { display:none;}
.new-float li.th:hover .thpic { display:block;position:absolute;left:-180px;top:-100%;width:180px;height:180px;}
.new-float li.th:hover .thpic img {width:180px;height:180px; }

.new-float li.fi a.tit{
	background: url(/images/bg_float01.png) no-repeat;
}
.new-float li.se a{
	background: url(/images/bg_float02.png) no-repeat;
}
.new-float li.th a{
	background: url(/images/bg_float03.png) no-repeat;
}
.new-float li.fo a.tit{
	background: url(/images/bg_float04.png) no-repeat;
}
.new-float li.fif p{
	background: url(/images/bg_float05.png) no-repeat;
}
.new-float li .tel{
	position: absolute;
	left: 77px;
	top: 0;
	z-index: 1;
	width: 164px;
	height: 57px;
	font: 24px/57px Arial;
	color: #fff;
	background: url(/images/bg_float06.png) no-repeat;
	cursor: pointer;
}
.new-float a.mof{
	display: inline-block;
	width: 54px;
	height: 71px;
	padding: 12px 11px 0 12px;
	margin-top: 10px;
	*margin-top: 7px;
	background: url(/images/bg_float07.png) no-repeat;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
}